Skip to main content

UI/UX Stuff

Header-Content Font pairs​

Headlines

Raleway

Roboto

Body (Multifunction)

Inter: Ogni individuo ha diritto al riposo ed allo svago, comprendendo in ciò una ragionevole limitazione delle ore di lavoro e ferie periodiche retribuite.

Roboto: Ogni individuo ha diritto al riposo ed allo svago, comprendendo in ciò una ragionevole limitazione delle ore di lavoro e ferie periodiche retribuite.

Source Sans Pro: Ogni individuo ha diritto al riposo ed allo svago, comprendendo in ciò una ragionevole limitazione delle ore di lavoro e ferie periodiche retribuite.

Articles (Optional)

Merriweather: Ogni individuo ha diritto al riposo ed allo svago, comprendendo in ciò una ragionevole limitazione delle ore di lavoro e ferie periodiche retribuite.

Lato: Ogni individuo ha diritto al riposo ed allo svago, comprendendo in ciò una ragionevole limitazione delle ore di lavoro e ferie periodiche retribuite.

Some different styles

Impact: Oswald

Quattrocento: Ogni individuo ha diritto al riposo ed allo svago, comprendendo in ciò una ragionevole limitazione delle ore di lavoro e ferie periodiche retribuite.

Playful: Amatic SC

Josefin Sans: Ogni individuo ha diritto al riposo ed allo svago, comprendendo in ciò una ragionevole limitazione delle ore di lavoro e ferie periodiche retribuite.

Serious: Playfair Display

Fauna One: Ogni individuo ha diritto al riposo ed allo svago, comprendendo in ciò una ragionevole limitazione delle ore di lavoro e ferie periodiche retribuite.

Impact: Alfa Slab

Open Sans: Ogni individuo ha diritto al riposo ed allo svago, comprendendo in ciò una ragionevole limitazione delle ore di lavoro e ferie periodiche retribuite.

Color​

HSL

Photoshop​

  • Hiện duy nhất layer đó: Alt+click vào con mắt.
  • Tìm font: Press T (Type tool) rồi click vào chữ.
  • Tìm font và color đầy đủ: Right click vào layer → copy css.
  • Tách & export phần được chọn:
    • Make your selection
    • Edit → Copy Merged
    • File → New (Photoshop should automatically suggest a new canvas size to match the selection size)
    • Edit → Paste
    • File → Save As (PNG)